<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>项目案例三级页-2</title>
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/home.css" rel="stylesheet" />
		<link  href="images/favicon.png" rel="icon"/>
		<script type="text/javascript">
			function showImg() {
				document.getElementById("wxImg").style.display = 'block';
			}

			function hideImg() {
				docpmument.getElementById("wxImg").style.display = 'none';
			}
		</script>
		<style>
			#project-2 .nav ul .li1{
				border-bottom: 2px solid white;
				margin-bottom: 20px; 
			}
		</style>
	</head>

	<body id="project-2">
		<div class="project-2_box">
			<div class="box">
				
			<div class="back_top">
				<a href="#">
					<img src="images/top2.png" />
				</a>
			</div>
			<div class="messeage">
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes">
					<img src="images/Online.gif" />
				</a>
			</div>
			
			<div class="top">
				<div class="head">
					<div class="nav">
						<div class="logo fl">
							<a href="index.html">
								<img src="images/diansheLOGO.png" />
							</a>
						</div>
						<div class="tell fr">
							<a href="#">
								<img src="images/phone.png" />
							</a>
						</div>
						<ul class="fr">
							<li class="li1">
								<a href="project.html">案例</a>
							</li>
							<li>
								<a href="service.html">服务</a>
							</li>
							<li>
								<a href="about.html">关于</a>
							</li>
							<li>
								<a href="news.html">新闻</a>
							</li>
						</ul>
					</div>
				
				<div class="scroll-down scroll-down-Q myicon-angle-down">
						<img src="images/project-1_02.png" />
				</div>
				</div>
			</div>
			<div class="item_bg">
				<div class="txt">
					<h3>让空气从此与众不同</h3>
					<p>当下空气质量越来越引起人们的关注和讨论。相应的改善空气污染的创新越来越多，在A7空气管家的系统中，依托精准的空气传感器，根据不同的使用场景，自动调节专属净化运用逻辑，让我们享受新鲜的室内空气</p>
				</div>
				<div class="img">
					<img src="images/project-2_03.jpg" />
				</div>
			</div>
			<div class="main_page">
				<div class="txt">
					<h3>与用户进行对话的主界面</h3>
					<p>移动端的操作界面可以实时反馈PM2.1质量，在视觉上给予用户最佳的掌控感和亲切感，新颖简单的块面与线条设计传递出具有艺术感的智能化工作效率，界面的视觉设计语言全部以圆润的形态展开,，结合城市的剪影设计，巧妙的隐喻了城市空气质量和室内空气质量的实时对比。</p>
				</div>
			</div>
			<div class="style">
				<div class="txt">
					<h3>风格探索</h3>
					<p>空气净化器控制界面相对主界面来说使用频率高，在设计操作界面时针对空气的特征进行不同的元素设计，运用很多智能硬件的操作界面，使用户更容易识别，简洁好用</p>
				</div>
				<div class="img">
					<img src="images/project-2_10.jpg" />
					<img src="images/project-2_11.jpg" />
					<img src="images/project-2_12.jpg" />
				</div>
			</div>
			<div class="display">
				<div class="txt">
					<h3>最终视觉呈现</h3>
					<p>整体设计的统一性，让整个视觉风格轻松与亲切，在设计内容的排版上，APP智能空气管理，室内，室外的实时数据对比显示，简单明了；图表化空气数据走向，直观易懂</p>
				</div>
				<div class="img">
					<img src="images/project-2_07.jpg" />
				</div>
			</div>
			<div class="function">
				<div class="fun_dispaly clearfix">
					<div class="img fl">
						<img src="images/06.gif" />
					</div>
					<div class="right fr">
						<div class="txt">
							<h3>设备功能主要体现</h3>
							<p>净化器APP主要以操作的直观性为主，同时可以对设备进行开关，自动，睡眠模式，速度等进行全方位的调控。</p>
						</div>
						<div class="imgs">
							<div class="img1">
								<img src="images/project-2_10.png" />
								<span>连接完成可对设备进行开关操作</span>
							</div>
							<div class="img1">
								<img src="images/project-2_11.png" />
								<span>自动调节专属净化运行模式</span>
							</div>
							<div class="img1">
								<img src="images/project-2_12.png" />
								<span>自动调节专属净化运行模式</span>
							</div>
							<div class="img1">
								<img src="images/project-2_13.png" />
								<span>让周围空气的粒子得到更快速的清楚</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="life clearfix ">
				<div class="left fl">
					<div class="txt">
						<h3>多维度滤网寿命</h3>
						<p>与一般净化器所采用的倒计时计算滤网寿命不同，A7净化器根据空气污染浓度，净化档位风量及运行时间，科学计算滤网寿命，不做傻瓜计时器</p>
					</div>
					<ul class="imgs">
						<li>
							<img src="images/project-2_15.png" />
							<p>污染浓度</p>
						</li>
						<li>
							<img src="images/project-2_16.png" />
							<p>档位风量</p>
						</li>
						<li>
							<img src="images/project-2_17.jpg" />
							<p>运行时长</p>
						</li>
					</ul>
				</div>
				<div class="detail fr">
					<img src="images/07.gif" />
				</div>
			</div>
			<div class="site">
				<div class="box2">
					<div class="txt">
						<h3>设备应用场景</h3>
						<p>呼吸清新的空气，营造温馨的家庭氛围享受生活的美好</p>
					</div>
				</div>
			</div>
			<div class="page clearfix">
				<div class="last fl">
					<a href="project-1.html"  onMouseOver="d1.src='images/project-1_21.png'" onMouseOut="d1.src='images/project-1_11.png'">
						<img id="d1" src="images/project-1_11.png" class="fl" />
						<p class="fr">上一页</p>
					</a>
				</div>
				<div class="all fl">
					<a href="project.html">
						<img class="fl" src="images/project-1_13.png" />
						<p class="fr">查看全部案例</p>
					</a>
				</div>
				<div class="last fr">
					<a href="#" onMouseOver="d2.src='images/project-1_22.png'" onMouseOut="d2.src='images/project-1_14.png'">
						<p class="fl">下一页</p>
						<img id="d2" class="fr" src="images/project-1_14.png" />
					</a>
				</div>
			</div>
			</div>
			<div class="main_foot">
				<div class="foot clearfix">
					<div class="foot_logo fl">
						<a href="index.html"><img src="images/diansheLOGO.png" /></a>
						<p>设计和技术创造极致用户体验</p>
					</div>
					<div class="con fl">
						<ul class="list1">
							<h3>我们</h3>
							<li>
								<a href="#"	>服务项目</a>					
							</li>
							<li>
								<a href="#"	>关于我们</a>					
							</li>
							<li>
								<a href="#"	>新闻动态</a>					
							</li>
							<li>
								<a href="#"	>加入我们</a>					
							</li>
							<li>
								<a href="#"	>联系我们</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>案例</h3>
							<li>
								<a href="project.html"	>全部</a>					
							</li>
							<li>
								<a href="#"	>网站</a>					
							</li>
							<li>
								<a href="#"	>移动app</a>					
							</li>
							<li>
								<a href="#"	>桌面软件</a>					
							</li>
							<li>
								<a href="#"	>品牌及平面</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>方案</h3>
							<li>
								<a href="#"	>移动互联网</a>					
							</li>
							<li>
								<a href="#"	>在线金融</a>					
							</li>
							<li>
								<a href="#"	>传统企业转型</a>					
							</li>
							<li>
								<a href="#"	>医疗健康</a>					
							</li>
							<li>
								<a href="#"	>创业服务</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>发现</h3>
							<li>
								<a href="#"	>合作伙伴</a>					
							</li>
							<li>
								<a href="#"	>研究</a>					
							</li>
							<li>
								<a href="#"	>set point实验室</a>					
							</li>
							<li>
								<a href="#"	>留言板</a>					
							</li>
							<li>
								<a href="#"	>友情链接</a>					
							</li>
						</ul>
					</div>
					<ul class="list2 fl">
						<h3>商务合作</h3>
						<li>
							<a href="#"	>邮箱：hello@set point.cn</a>					
						</li>
						<li>
							<a href="#"	>手机：18813146300</a>					
						</li>
						<li>
							<a href="#"	>座机：（+86）010-57281080</a>					
						</li>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes"	>Q&nbsp;Q：94967751<img src="images/icon_10.jpg" />点击交谈</a>					
						</li>
						<li>
							<a href="#"	>地址：安徽合肥马鞍山路与南一环交叉口</a>					
						</li>
					</ul>
				</div>
				<li class="foot_bottom">
					<ul class="code">
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_05.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_06.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_07.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_08.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_09.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					</ul>
					<p>Copyright © 2014-2017set pointer皖ICP备15000202号-5</p>
				</div>
			</div>
		</div>	
	</body>
</html>
